.b-toaster {
    left: 0 !important;
    right: 0 !important;
}
.b-toaster-bottom-full {
    .b-toaster-slot {
        padding-right: $toast-margin !important;
        padding-left: $toast-margin !important;
    }
}
.b-toaster-bottom-right {
    .b-toaster-slot {
        bottom: $toast-margin !important;
        right: $toast-margin !important;
    }

    @media (max-width: map-get($grid-breakpoints, $nav-breakpoint-mobile)) {
        bottom: $nav-height-mobile !important;
    }
}

.toast {
    background: $toast-background-color !important;
    color: white !important;
    border: none !important;
    backdrop-filter: blur(5px) !important;

    .close {
        font-weight: 400 !important;
        color: white !important;
        text-shadow: none !important;
        opacity: 1 !important;
    }

    .toast-header {
        padding: 0 !important;
        position: absolute !important;
        right: 7px !important;
        top: 2px !important;
    }
}

.b-toast .toast .toast-body,
.toast .toast-header {
    background: transparent !important;
    color: white !important;
    border: none !important;
}

.toast-body::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    padding-right: 10px;
}

.b-toast-success {
    .toast-body::before {
        content: '\f058';
        color: $green;
    }
}

.b-toast-danger {
    .toast-body::before {
        content: '\f057';
        color: $red;
    }
}

.b-toast-default {
    .toast-body::before {
        padding: 0;
        display: none;
    }
}

.b-toast-primary {
    .toast-body::before {
        content: '\f05a';
        color: $primary;
    }
}

.b-toast-secondary {
    .toast-body::before {
        content: '\f05a';
        color: $light;
    }
}

.b-toast-warning {
    .toast-body::before {
        content: '\f06a';
        color: $yellow;
    }
}

.b-toast-info {
    .toast-body::before {
        content: '\f05a';
        color: $info;
    }
}
